<route>
{
  "meta":{
    "title":"功能插件详情",
    "localism": "sys.system_featurePlugin_info"
  }
}
</route>
<template>
  <div class="featurePlugin_info" v-loading="initLoading">
    <span>{{ $route.query.name }}</span>
    <el-divider></el-divider>
    <component v-if="group" :group="group" :is="getComponent" />
  </div>
</template>
<script>
import WxInfo from "./__components__/WxInfo.vue";
import DingtalkInfo from "./__components__/DingtalkInfo.vue";
import MiniAppInfo from "./__components__/MiniAppInfo.vue";
import Officialaccounts from "./__components__/Officialaccounts.vue";

export default {
  data() {
    return {
      initLoading: false,
      group: this.$route.query.group,
    };
  },
  components: {
    WxInfo,
    DingtalkInfo,
    MiniAppInfo,
    Officialaccounts,
  },
  created() {},
  computed: {
    getComponent() {
      return this.group === "wx"
        ? "WxInfo"
        : this.group === "dingtalk"
        ? "DingtalkInfo"
        : this.group === "miniapp"
        ? "MiniAppInfo"
        : this.group === "officialaccounts"
        ? "Officialaccounts"
        : "";
    },
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
</style>